@charset "UTF-8";
/**
 * 
 * @authors 3pixel (kermit@piexl.net)
 * @date    2017-11-22 11:47:01
 * @version v0.0.1
 */

//引入变量
@import "variable.less";

//引入混合函数
@import "mixins.less";

.com-route{
	padding-bottom:0;
	.route-list .item{
		//&:last-child{margin-bottom:0;}
	}
}

//搜索内容
.search-content{
	width:100%;
	padding-top:50px;
	padding-bottom:100px;
	.search-title{
		font-size:18px;
		font-weight:normal;
		color:#999;
		span{padding:0 0.5em;}
	}
	.serch-undata{
		width:100%;
		padding:2em 0;
		min-height:430px;
		display:table;;
		.search-title{
			display:table-cell;
			vertical-align:middle;
			color:#333;
		}
	}
	.left-content{
		width:770/1170*100%;
		padding-right:50px;
	}
	.com-list{
		//display:none;
		.list-item{
			.img-box{
				width:300/720*100%;
				padding-right:30px;
			}
			.text-area{
				width:420/720*100%;
				&.text-area-full{width:100%;}
			}
		}
	}
	.search-bar{
		width:400/1170*100%;
		padding:40px;
		min-height:430px;
		background-color:#f3f3f3;
		.sider-title{font-size:18px; font-weight:bold; margin-bottom: 0.5em; color:#000;}
		.hot-words{
			margin-left:-0.2em;
			margin-right:-0.2em;
			a{
				font-size:14px;
				line-height:1.5;
				padding:0.5em 1em;
				color:#000;
				border:1px solid #e5e5e5;
				display:inline-block;
				margin:0 0.2em;
				margin-bottom:0.5em;
				&:hover{
					background-color:@red;
					color:#fff;
					text-decoration:none;
				}
			}
		}
	}
	@media screen and(max-width:1024px){
		.left-content{
			padding-right:40px;
		}
		.com-list{
			.list-item{
				.img-box{
					padding-right:20px;
				}
			}
		}
		.search-bar{
			padding:30px;
		}
	}
	@media screen and(max-width:768px){
		.search-header{margin-bottom:40*@rpx;}
		.serch-undata{min-height:300px;}
		.left-content{
			width:100%;
			float:none;
			padding-right:0;
		}
		.com-list{
			.list-item{
				.img-box{
					width:300/708*100%;
					padding-right:30*@rpx;
				}
				.text-area{
					width:408/708*100%;
				}
			}
		}
		.search-bar{
			width:100%;
			padding:20px;
			margin-bottom:3*@rpx;
			float:none;
			min-height:auto;
		}
	}
	@media screen and(max-width:640px){
		.com-list{
			.list-item{
				.img-box{
					width:100%;
					padding-right:0;
				}
				.text-area{
					width:100%;
				}
			}
		}
	}
}

